<html>
  <head>
    <title></title>
    <style>
    
      @keyframes flipflop { 
        from { transform: rotate(30deg); } 
        to { transform: rotate(-30deg); }
      }

      
      div.flipflop 
      { 
        width:max-content;
        background:gold;
        border:2dip solid;
        margin:*;
        padding: 1em 2em;
        animation: 1200ms infinite alternate flipflop;      
      }

   
    </style>
    <script type="text/tiscript">
   

    </script>
  </head>
<body>

  <div.flipflop #test>
    Voulez-Vous Danser?
  </div>

</body>
</html>
